<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="ThemeFuse" />
<meta name="keywords" content="" />

<title>scream - 房源详细信息</title>
<link href='http://fonts.googleapis.com/css?family=Lato:400italic,400,700,900|Bitter' rel='stylesheet' type='text/css' />
<link href="style.css" media="screen" rel="stylesheet" type="text/css" />
<link href="styles/orange-blue.css" media="screen" rel="stylesheet" type="text/css" />
<link href="print.css" media="print" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>

<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="js/slides.min.jquery.js"></script>

<link href="css/cusel.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/cusel-min.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		var params = {
			changedEl: ".select_styled",
			visRows: 15,
			scrollArrows: true
		}
		cuSel(params);
	});
</script>
<script type="text/javascript" src="js/jquery.dependClass.js"></script>
<script type="text/javascript" src="js/jquery.slider-min.js"></script>
<link href="css/jslider.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="images/skins/tango/skin.css" />


<link href="css/customInput.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.customInput.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('.input_styled input').customInput();
	});
</script>

<script type="text/javascript" src="js/jquery.qtip.min.js"></script>
<link href="css/jquery.qtip.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('.tooltip[title]').qtip({
			position: {
				my: 'bottom center',
				at: 'top center',
				adjust: {y: -1 }
			},
			style: {
				classes: 'ui-tooltip-dark ui-tooltip-rounded'
			}
		});
	});
</script>

<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.pikachoose.js"></script>
<link href="css/pikachoose.css" rel="stylesheet" type="text/css" />

<!--[if IE 7]> <link href="css/ie.css" media="screen" rel="stylesheet" type="text/css"> 
<![endif]-->
<link href="custom.css" media="screen" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>
<div class="body_wrap">

<div class="header" style="background-image:url(images/header_default.jpg);">
<div class="header_inner">
	<div class="container_12">

	<div class="header_top">
    
        <div class="logo">
        <a href="index.html"><img src="images/logo.png" alt="" /></a>
        <strong>scream - 房地产</strong>
        </div>
        
        <div class="topmenu">
            <ul class="dropdown">
                <li class="menu-item-home"><a href="index.html"><span>主页</span></a></li>
                <li><a href="properties-list.html"><span>房源</span></a></li>
                <li><a href="search.html"><span>搜索</span></a></li>
                <li><a href="contact.html"><span>联系</span></a></li>
                <li><a href="analyse.html"><span>分析</span></a></li>
            </ul>
        </div>
        
        <div class="header_phone">
            <span>三峡大学</span></br>
			<span>Scream团队</span>
        </div>
        
        <div class="clear"></div>
    </div>
    
    <div class="header_bot">
    	
        <div class="search_main">
        	
            <form action="#" method="post" class="form_search" />
            
        	<div class="search_col_1">            
	        	<p class="search_title"><strong>搜索:</strong></p>
                
                <div class="row">
                <label class="label_title">高级:</label>
                	<div class="on-off"><a href="javascript:void(0)" id="search_advanced">开 &nbsp; &nbsp;&nbsp; &nbsp; 关</a></div>
                </div>
                
            </div>
            
            <div class="search_col_2">
            	<div class="row rowInput">
                	<label class="label_title">城市/城镇:</label>
                    <input type="text" name="location" value="" />
                </div>
                
                <div class="row rangeField">
                	<label class="label_title">价格范围:</label>
                    
                	<div class="range-slider">
                    <input id="price_range" type="text" name="price_range" value="200000;750000" />
                    </div>
                    
                    <div class="clear"></div>
                </div>
                
                <div class="row selectField rowHide">
                	<label class="label_title">房间数目:</label>
                    
                    	<select class="select_styled" name="search_no_beds" id="search_no_beds" title="Beds">
                                <option value="1" />至少1室
                                <option value="2" />至少2室
                                <option value="3" />至少3室
                                <option value="4" />至少4室
                                <option value="other" />5+室
                        </select>
                    
                    <label class="label_title">卫生间数目:</label>    
                        <select class="select_styled" name="search_no_baths" id="search_no_baths" title="Baths">
                        		<option value="1" />至少1卫
                                <option value="2" />至少2卫
                                <option value="3" />至少3卫
                                <option value="4" />至少4卫
                                <option value="other" />5+卫
                        </select>
                </div>
                
                <div class="row rangeField rowHide">
                	<label class="label_title">平方英尺:</label>
                    
                	<div class="range-slider">
                    <input id="square_range" type="text" name="square_range" value="1500;4000" />
                    </div>
                    
                    <div class="clear"></div>
                </div>
                
			</div> 
            
            <div class="search_col_3">      
            	
                <div class="row form_switch">                   
                    <div class="switch">
                        <label for="switch1" class="cb-enable selected"><span>售房</span></label>
                        <label for="switch2" class="cb-disable"><span>租房</span></label>
                        <input type="radio" id="switch1" name="field" checked="" />
                        <input type="radio" id="switch2" name="field" />
                    </div>
                </div>    
                
                <div class="row submitField">
                	<input type="submit" value="Search" id="search_submit" class="btn_search" />
                </div>  
	        	
            </div>               
 
            </form>   
             
            <script type="text/javascript">
					jQuery(document).ready(function($) {					
								
						// Price Range Input
						$("#price_range").slider({ 
					  			from: 0,
								to: 3000000,
								scale: [0, '|', '250k', '|', '500k', '|', '750k', '|', '1,25Mil', '|', '2Mil', '|', '>3Mil'],
								heterogeneity: ['50/750000','75/1500000'],
								limits: false, 
								step: 1000,
								smooth: true,
								dimension: '&nbsp;$',
								skin: "round_gold"
						});							
						// Square Range Input
						$("#square_range").slider({ 
					  			from: 0,
								to: 10000,
								scale: ['0','1000','2000','3000','5000','7500','>10000'],
								heterogeneity: ['50/3000'],
								limits: false, 
								step: 100,
								smooth: true,								
								skin: "round_gold"
						});	
						
						// Search Advanced
						$(".search_main").css({'overflow':'inherit'});
						if (!$(".search_main").hasClass("search_open")) {
							$(".search_main .rowHide").hide();
						}						
						$("#search_advanced").click(function(){								
							if ($(this).closest(".search_main").hasClass("search_open")) {
								$(".search_main, .search_col_1, .search_col_2, .search_col_3").stop().animate({height:'155px'},{queue:false, duration:350, easing: 'easeInQuad'});								
								$(".search_main .rowHide").slideUp(300);
							} else {
								$(".search_main, .search_col_1, .search_col_2, .search_col_3").stop().animate({height:'300px'},{queue:false, duration:350, easing: 'easeOutQuad'});								
								$(".search_main .rowHide").slideDown(300);
							}
							$(this).closest(".search_main").toggleClass("search_open");							
						});	
						
						// Switch Type	
						$(".cb-enable").click(function(){
								var parent = $(this).parents('.switch');
								$(parent).removeClass('switch_off');								
								$('.cb-disable',parent).removeClass('selected');
								$(this).addClass('selected');
								
							});
						$(".cb-disable").click(function(){
								var parent = $(this).parents('.switch');
								$(parent).addClass('switch_off');
								$('.cb-enable',parent).removeClass('selected');
								$(this).addClass('selected');
								
						});					
						
					});
				</script>        
        </div>    
    
    	    	
		        
    </div>
    
    <div class="clear"></div>
    </div>
</div>
</div>
<!--/ header -->

<!-- map before content -->
<div class="maptop">
	<div class="maptop_content">
    	<div class="map-location" style="position:absolute; top:160px; left:510px; z-index:10">
            <div class="map-textbox" style="top:-105px;	left:-45px">
            	<div class="map-textbox-close"></div>
            	<div class="map-textbox-top"></div>
                <div class="map-textbox-mid">
		            <img src="images/temp/property_03_small.jpg" width="98" height="56" alt="" />
		            <p><a href="#" class="link-re">美岸长堤 - 东门</a></p>
		            <p><span class="map-re-prop">5 室 | 3 卫 </span></p>
		            <p><span class="map-re-prop">开价: <span class="re-price">1,589,000元</span></span></p>
                </div>
                <div class="map-textbox-bot"></div>
            </div>
        </div>
        
        <div class="map-location current-location" style="position:absolute; top:140px; left:820px; z-index:10"><strong>你</strong> <span>在</span> 这</div>
        
        <div class="map-location" style="position:absolute; top:130px; left:980px; z-index:10">
          <div class="map-textbox" style="top:-105px;left:-45px">
            	<div class="map-textbox-close"></div>
            	<div class="map-textbox-top"></div>
                <div class="map-textbox-mid">
		            <img src="images/temp/property_04_small.jpg" width="98" height="56" alt="" />
		            <p><a href="#" class="link-re">九安城 - 中南路</a></p>
		            <p><span class="map-re-prop">3 室 | 2 卫 </span></p>
		            <p><span class="map-re-prop">开价: <span class="re-price">700,000元</span></span></p>
                </div>
                <div class="map-textbox-bot"></div>
            </div>
        </div>
        
	</div>
    
    <div class="maptop_pane">
    	<div class="container_12">
        <div class="maptop_hidebtn">隐藏地图 <span></span></div>
        </div>
    </div>
    
    <script type="text/javascript">
		jQuery(document).ready(function($) {					
		// Show/Hide Map
			$(".maptop_hidebtn").click(function(){								
				if ($(this).closest(".maptop").hasClass("map_hide")) {
					$(".maptop_content").stop().animate({height:'309px'},{queue:false, duration:550, easing: 'easeOutQuart'});
					$(this).html("Hide the Map <span></span>");
				} else {
					$(".maptop_content").stop().animate({height:'0px'},{queue:false, duration:550, easing: 'easeOutQuart'});
					$(this).html("Show the Map <span></span>");
				}
				$(this).closest(".maptop").toggleClass("map_hide");							
			});		
								
		});
	</script>  
</div>
<!--/ map before content -->

<div class="middle">
<div class="container_12">
	
    <!-- content -->
    <div class="grid_8 content">
    	
        <div class="re-full">
	        <h1>繁荣世家 - 十字街</h1>
        
            <div class="block_hr">
                <div class="inner">
                	<div class="re-price"><strong>989,000元</strong></div>
                    <em>5 室   <span class="separator">|</span>   3 卫   <span class="separator">|</span>   6,086 sq ft</em>
                </div>	
            </div>
            
            <div class="re-imageGallery">
            	
              <ul id="rePhoto" class="jcarousel-skin-pika">
					<li>
					<a href="images/temp/property_12_big_1.jpg" title="Amazing view from Terrace"><img src="images/temp/property_12_mid_1.jpg" alt="" /></a>
					<span><em>点击图片放大</em> 窗外的美景</span>
				  	</li>
					<li>
					<a href="images/temp/property_12_big_2.jpg" title="Ocean view from terrassa"><img src="images/temp/property_12_mid_2.jpg" alt="" /></a>
					<span><em>点击图片放大</em> 客厅</span>
				  	</li>
                    <li>
					<a href="images/temp/property_12_big_3.jpg" title="Restroom 2nd floor"><img src="images/temp/property_12_mid_3.jpg" alt="" /></a>
					<span><em>点击图片放大</em> 卫生间</span>
				  	</li>
                    <li>
					<a href="images/temp/property_12_big_4.jpg" title="Kitchen on first floor"><img src="images/temp/property_12_mid_4.jpg" alt="" /></a>
					<span><em>点击图片放大</em> 厨房</span>
				  	</li>
                    <li>
					<a href="images/temp/property_12_big_5.jpg" title="Bedroom on Second floor with amazing ocean view"><img src="images/temp/property_12_mid_5.jpg" alt="" /></a>
					<span><em>点击图片放大</em> 卧室位于二楼，海景极佳</span>
				  	</li>
                     <li>
					<a href="images/temp/property_12_big_6.jpg" title="Bathroom with shower and Jacuzzi"><img src="images/temp/property_12_mid_6.jpg" alt="" /></a>
					<span><em>点击图片放大</em> 浴室有淋浴和按摩浴缸</span>
				  	</li>
				</ul>
                
                <script>
					jQuery(document).ready(function($) {
						var pfpc = function(self){
							self.anchor.prettyPhoto({social_tools:false});
						};	   
						$("#rePhoto").PikaChoose({buildFinished:pfpc, carousel:true, carouselVertical:true, transition:[0],autoPlay:false,animationSpeed:300});
					});
				</script>
            	  
            </div>
            
          <script type="text/javascript" src="js/jquery.easyListSplitter.min.js"></script>
          <script type="text/javascript">
				jQuery(document).ready(function($) {
					$('.split_list').easyListSplitter({colNumber: 3});	
				});
			</script>
            <div class="re-details">
            	<h2>房屋详情:</h2>
               	<ul class="split_list">
                	<li><strong>设施:</strong> 热水浴缸，露台/甲板，厨房设施，游泳池室</li>
                    <li><strong>外景:</strong> 手工抹灰墙</li>
                    <li><strong>地板:</strong> 混合的</li>
                    <li><strong>车库:</strong> 3个车库</li>
                    <li><strong>地热:</strong> 其他</li>
                    <li><strong>面积:</strong> 在半英亩</li>
                    <li><strong>道路类型:</strong> 私有道路</li>
                    <li><strong>房间:</strong> 书房、厨房、家庭娱乐室、正式餐厅、正式客厅、阅览室、洗衣房、电影院</li>
                    <li><strong>屋顶:</strong> 水泥瓷砖</li>
                    <li><strong>下水道: </strong>城市系统</li>
                    <li><strong>风格:</strong> 现代、地中海</li>
                    <li><strong>水:</strong> 城市系统</li>
                </ul>
                <div class="clear"></div>
            </div>
            
            <div class="re-description">
            	<h2>关于这个属性:</h2>
                <p>内容待定</p>
            </div>
            
            
            <div class="block_hr re-meta-bot">
                <div class="inner">
                	<a href="#" class="link-back"><strong>&lt; 返回列表</strong></a> 
                                       
                    <a href="#" class="link-save tooltip" title="Save Offer">保存提供</a> <a href="properties-details-print.html" class="link-print tooltip" title="Print this Page">Print this Page</a> <a href="#" class="link-sendemail tooltip" title="Send to a Friend">Send to a Friend</a>
                </div>	
            </div>
                
        </div>
  
        
    </div>
    <!--/ content -->
    
    <!-- sidebar -->
    <div class="grid_4 sidebar">
    	
        <!-- contact agent -->
        <div class="widget-container widget_adv_filter">
			<h3 class="widget-title">与我们联系:</h3>
				
            	<form action="#" method="get" class="form_white agent_form" />
                
                	<div class="row">
                    	<label class="label_title">名:</label>
                        <input type="text" name="first_name" class="inputField" value="enter your first name" onfocus="if (this.value == 'enter your first name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'enter your first name';}" />
                    </div>
                    
                    <div class="row">
                    	<label class="label_title">姓:</label>
                        <input type="text" name="last_name" class="inputField" value="enter your last name" onfocus="if (this.value == 'enter your last name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'enter your last name';}" />
                    </div>
                    
                    <div class="row input_styled inlinelist">
                    	<label class="label_title">我们应该如何联系你:</label><br />
                        <input type="radio" name="contact_type" value="ct_email" id="ct_email" checked="" /> <label for="ct_email">通过电子邮件</label>
                        <input type="radio" name="contact_type" value="ct_phone" id="ct_phone" /> <label for="ct_phone">通过电话</label>
                        <input type="radio" name="contact_type" value="ct_both" id="ct_both" /> <label for="ct_both">电话和邮件</label>
                    </div>
                    
                    <div class="row">
                    	<label class="label_title">你的电子邮件*:</label>
                        <input type="text" name="email" class="inputField" value="enter your email" onfocus="if (this.value == 'enter your email') {this.value = '';}" onblur="if (this.value == '') {this.value = 'enter your email';}" />
                    </div>
                    
                    <div class="row">
                    	<label class="label_title">你的手机:</label>
                        <input type="text" name="phone" class="inputField" value="enter your phone" onfocus="if (this.value == 'enter your phone') {this.value = '';}" onblur="if (this.value == '') {this.value = 'enter your phone';}" />
                    </div>
                    
                    <div class="row">
                    	<label class="label_title">在线留言*:</label>
                        <textarea rows="4" cols="5" name="message" class="textareaField">内容待定</textarea>
                    </div>
                    
               	  <div class="row input_styled rowCheck">
                        <input type="checkbox" name="newsletter_subscribe" id="newsletter_subscribe" value="1" checked="" /> <label for="newsletter_subscribe">内容待定 <a href="index.html">scream</a> 时事通讯</label>

                    	<input type="submit" value="CONTACT AGENT" class="btn-submit" />
                  </div>
                    
                </form>            
                
                <div class="agent_phone">
                    <p><strong>三峡大学Scream团队</strong></p>
				</div>
		</div>
        <!--/ contact agent -->
             
        
    </div>
    <!--/ sidebar -->
    <div class="clear"></div>
    
    
</div>
</div>
<!--/ middle -->

<!-- carousel after content -->
<div class="before_content after_content">
	<div class="container_12">
    	<strong class="carusel_title">这个地区也有类似的房产</strong>
        
        	<div class="carusel_list carusel_small">
				<ul id="similar_properties" class="jcarousel-skin-tango">					
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_01.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">3 室, 2 卫, 295,000元</a></div>
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_02.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">6 室, 3 卫, 655,000元</a></div>                       
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_03.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">1 室, 1 卫, 139,000元</a></div> 
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_04.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">7 室, 3&frac12; 卫, 1,249,000元</a></div> 
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_07.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">16,117 Sq.Ft., 1,180,000元</a></div> 
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_06.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">3 室, 2 卫, 295,000元</a></div> 
                    </li>                    
                </ul>
			</div>

	  		<script type="text/javascript">
                jQuery(document).ready(function($) {
                    $('#similar_properties').jcarousel({
                        easing: 'easeOutBack',
                        animation: 600,
						scroll: 1
                        });
                    });
            </script>
   		
  </div>
</div>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
